window.onload = function(){
    var input = document.getElementById("touxiangbtn");
    var result= document.getElementById("wordtest");
    var img_area = document.getElementById("upload-img");
    if ( typeof(FileReader) === 'undefined' ){
        result.innerHTML = "抱歉，你的浏览器不支持 FileReader，请使用现代浏览器操作！";
        input.setAttribute( 'disabled','disabled' );
    } else {
        input.addEventListener( 'change',readFile,false );
    };
    function readFile(){
        var file = this.files[0];
//这里我们判断下类型如果不是图片就返回 去掉就可以上传任意文件
        if(!/image\/\w+/.test(file.type)){
            alert("请确保文件为图像类型");
            return false;
        }
        var reader = new FileReader();
        reader.readAsDataURL(file);
        reader.onload = function(e){
            //result.innerHTML = '<img src="'+this.result+'" alt=""/>';
            img_area.innerHTML = '<img src="'+this.result+'" alt=""/>';
        // 调接口进行上传
            $.ajax({
                type: "POST",
                url: "http://42.62.66.198:9001/api/PuluQuestion/UploadImg",
                data: { "base64": this.result, "type": ".jpg","flag":1 },//flag:1表示头像，2普通照片
                success: function (data) {
                    console.log(data);
                },
                error: function (XMLHttpRequest, textStatus, errorThrown) {
                    alert(XMLHttpRequest.status);
                    alert(XMLHttpRequest.readyState);
                    alert(textStatus);
                }
            });
        }
    }
};
